<template>
    <div class="kg-head-he"></div>
    <header class="kg-head reg-top">
        <div class="dqxz" @click="$router.go(-1)"><i class="micon">&#xe61e;</i></div>
        <div class="search_box show-cansu">
            我的考级卡
        </div>
    </header>
    <!---->
    <div class="kg-center"><!---->
        
        <div class="xy-ksbox mb25" v-for="(item,i) in list" :key="i">
			<div class="title">
			  <div class="title_a">{{item.create_time}}</div>
			  <div class="title-c" v-if="item.code_no">审核已通过</div>
			  <div class="title-c" v-if="!item.code_no">请等待考点核对发卡</div>
			</div>
			
			<div class="kg-ksxqbox">
				<div class="kg-ksxq-list">
					<div class="kg-ksxq-lista">考生姓名</div>
					<div class="kg-ksxq-listb">{{item.user.nick_name}}</div>
				</div>
                <div class="kg-ksxq-list">
					<div class="kg-ksxq-lista">所属考点</div>
					<div class="kg-ksxq-listb">{{item.address.title}}</div>
				</div>
				<div class="kg-ksxq-list">
					<div class="kg-ksxq-lista">考级卡号</div>
					<div class="kg-ksxq-listb">{{item.code_no}}</div>
				</div>
				<div class="kg-ksxq-list">
					<div class="kg-ksxq-lista">制卡费用</div>
					<div class="kg-ksxq-listb">￥ {{item.card_price}}</div>
				</div>
			</div>
		</div>
    </div>
</template>

<script>
import {applyList} from "@/api/cert/index";
import { defineComponent } from "vue";
export default defineComponent({
	name: 'Mecode',
	data(){
		return{
			isLoading: false,// 正在加载
			list:[]
		}
	},
	created () {
		applyList().then(res=>{
			this.list = res.data.list;
		})
	},
	methods: {
	
		getData() {
			
		}
	}
})
</script>
    
    <!-- Add "scoped" attribute to limit CSS to this component only -->
    <style scoped>
    .xy-wdzs-box{background: #f3f0e9; overflow: hidden;}
    </style>
    